<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="4care.css" />
		<link rel="stylesheet" type="text/css" href="font_2734701_hw7r7uo4u1i/iconfont.css" />
	</head>
	<body>
		<header>

		</header>
		<footer>
		
		</footer>
		<div id="main">
			<p><a href="">首页列</a><span>></span><a href="">产品系列</a><span>></span><a href="">植物欣韵系</a><span>></span><a
					href="" class="lasta">黛珂 植物欣韵三部曲套组</a></p>
			<div id="box">
				<div id="image">
					<ul>
						<li></li>
						<li></li>
					</ul>
					<div id="photo" style="position: relative;">
						<div class="mask">

						</div>
						<img src="img/30.jpg">
					</div>
				</div>
				<div id="infor" class="big">
					<h1>黛珂 植物欣韵三部曲套组</h1>
					<span class="iconfont icon-taiyang"></span>
					<span class="iconfont icon-yueliang"></span>
					<div id="word">
						<p style="font-weight: 700;">植物欣韵洗颜泡沫</p>
						<p>添加植物洗净成分的洗颜泡沫，浓密而富有弹性的泡沫令清洁后的肌肤干净柔软</p>
						<p style="font-weight: 700;">植物欣韵弹润乳液：</p>
						<p>严谨的配方令使用后的肌肤柔软富有弹性，散发活力光泽。</p>
						<p style="font-weight: 700;">植物欣韵沁莹化妆水：</p>
						<p>源源输送沁养，缔造水润肌肤。</p>
						<p>日复一日地调理，令肌肤拥有毛孔不再碍眼的、饱满细腻状态。</p>
						<p style="font-weight: 700;">植物欣韵乳水平衡呵护套组：</p>
						<p>植物欣韵洗颜泡沫 200ml</p>
						<p>植物欣韵弹润乳液 200ml</p>
						<p>植物欣韵沁莹化妆水 200ml</p>
						<p style="font-weight: 700;">限时加赠：（价值355元）</p>
						<p>黛珂植物欣韵弹润乳液14mL*4</p>
						<p>黛珂植物欣韵沁莹化妆水14mL*4</p>
						<p>黛珂赋活精华露14mL</p>
						<p>黛珂天然白泥洗颜霜15g*2</p>
						<p style=" margin-bottom: 40px;">黛珂多重防晒乳15g</p>
						价格: <span class="price">￥920</span>
						数量:<span class="num">0</span>
						<button type="button">+</button>
						<button type="button">-</button><br>
						<button type="button" class="buttonthree">购买立即</button>
						<button type="button" class="buttonfour">加入购物车</button>
					</div>
					<div id="line">
						<div id="linetwo">
							使用方法 <span class="show">-</span>
						</div>
						<div id="hidden">
							<p style="font-weight: 700;">植物欣韵洗颜泡沫</p>
							<p>1、首次使用前，请取下瓶塞。首次使用时，可能需要按压几次泵头，然后才会<br>压出产品。</p>
							<p>2、润湿双手和面部，取按压三次的泡沫，轻柔清洗面部，仿佛用泡沫温柔包裹<br>肌肤。</p>
							<p>3、彻底冲洗。</p>
							<p>使用期间：早、晚使用约1个月。</p>
							<p style="font-weight: 700;">植物欣韵弹润乳液：</p>
							<p>1、在化妆水前使用。</p>
							<p>2、按压两次的量在化妆棉上，均匀涂抹在肌肤上。</p>
							<p style="font-weight: 700;">植物欣韵沁莹化妆水：</p>
							<p>1、用乳液调理肌肤后使用。</p>
							<p>2、用沁莹化妆水浸透一张化妆棉，用化妆棉轻拍于肌肤上。</p>
							<p>使用时间：早、晚使用约1.5个月。</p>
						</div>
					</div>
					<div id="three">
						<h3>推荐搭配</h3>
						<ul class="threeul">
					
							<li>
								<img src="img/33.jpg">
								<p>黛珂 植物欣韵柔润洁肤霜</p>
								<p style="text-indent: 65px;font-weight: 700;margin-top:18px;">￥240</p>
							</li>
							<li>
								<img src="img/34.jpg">
								<p>黛珂 黛珂 植物欣韵洗颜泡沫</p>
								<p style="text-indent: 65px;font-weight: 700;margin-top:18px;">￥240</p>
							</li>
							<li>
								<img src="img/35.jpg">
								<p>黛珂 植物欣韵弹润乳液</p>
								<p style="text-indent: 65px;font-weight: 700;margin-top:18px;">￥340</p>
							</li>
							<li>
								<img src="img/36.jpg">
								<p>黛珂 植物欣韵弹润乳液</p>
								<p style="text-indent: 65px;font-weight: 700;margin-top:18px;">￥340</p>
							</li>
						</ul>
					
					</div>

				</div>

			</div>
			<div id="clear" style="clear: both;">

			</div>

			<div id="jingzi">
				<!-- 	<img src="img/30.jpg"> -->
			</div>
		
	</body>
</html>
<script src="jquery.js" type="text/javascript" charset="utf-8"></script>
<script src="4care.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
	$("header").load("header.html");
	$("footer").load("foot.html");
	// let oSmallBox = document.querySelector("#photo");
	// let oMask = document.querySelector(".mask");
	// let oBigBox = document.querySelector("#jingzi");
	// let a = new MF(oSmallBox, oMask, oBigBox);
	// a.eventBind();
	
	$.get( "4care.php",{typeId:"1"},function(data){
			 console.log(data);
			 let goodslist=JSON.parse(data)
			 // console.log(typeof goodslist);
			 // let str="";
			 // goodslist.forEach(item=>{
				//   //console.log(item);
				  
				  
	   // 	str+=`
				// 	<li class="good-item">
				// 	<a href="magnifier.html">	<img src="${item.img}"></a>
				
				//   	<a href="#" class="good-name">${item.title}</a><br />
				//   	<span class="danjia">${item.praise}</span>
				//   </li>`
			 // });
			 // $(".good-list").html(str);
	})
	
	
	
	
	
</script>
